<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	body{
		background: #9bd29b;
	}
	*{
		padding: 0;
		margin: 0;
	}
	.chartBox{
		width: 1000px;
		height: 400px;
		border:1px solid #000;
		margin:50px auto;
	}
	</style>
</head>
<body>
	<div id="app">
		<chart-component   datatype="table">
			<p slot="line" name="衬衫" type="line" itemurl='/data1.json' timing="1000" params="1"></p>
			<p slot="line" name="羊毛衫" type="line" itemurl='/data2.json' timing="1500" params="2"></p>
			<p slot="line" name="雪纺衫" type="line" itemurl='/data3.json' timing="2000" params="2"></p>
		</chart-component>
	</div>
</body>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="http://echarts.baidu.com/dist/echarts.min.js"></script>
<script src="vue-resource.js"></script>
<script src="common.js"></script>
<script src="chart.js"></script>
<script>	
var color=['red','green','yellow'];
var URL='data';
var vm=new Vue({
	el:'#app',
});
</script>
</html>